/*---public-header => ---*/
.public-header .musicbar{
	position:absolute;
	left:2%;
}
.public-header .container .logo{
	position:relative;
	float:left;
	margin-left:20px;
	color:#7380ad;
}
/*设备宽度css*/
.public-header .devicewd{
	display:none;
	position: absolute;
    top: 46px;
    z-index: 888;
    width: 100%;
    line-height: 30px;
    text-align: center;
    background: #4e4e4e;
    border-radius: 0 0 6px 6px;
    padding: 2px 0;
}

.public-header .devicewd li{
	width:66%;
	height:30px;
	margin:0 auto;
	border-bottom:1px solid #307526;
	overflow:hidden;
}
.devicewd li:hover{
	background-color:#cbcbcb;
}
.devicewd li a{
	
	color:#b1b1b1;
}
.public-header .container .devbtn:before{
	display:block;
	content:'';
	width:30px;
	height:5px;
	margin-top:-7px;
	background-color: #f06;
}
.public-header .container .devbtn{
   	position: relative; 
  	width: 30px;
    height: 5px;
    float: right;
    margin-top: 23px;
    background-color: #f06;
    
}
.public-header .container .devbtn:after{
	display:block;
	content:'';
	width:30px;
	height:5px;
	margin-top:9px;
	 background-color: #f06;
}


/*常规宽度*/
.public-header .container .column{
	float:right;
	text-align:center;
}
.container .column li{
	float:left;
	padding:0 16px;

}
.container .column .toyoung{
	position:relative;
	font-size: 16px;
	color:#b1b1b1;
}
.container .column .toyoung:after{
	position:absolute;
	bottom:0;left:0;
	right:0;
	content:'';
	display:block;
	margin:auto;
	width:4px;
	border:4px solid #4e4e4e;
	border-right-color:#c9c9c9;
	border-bottom:2px dotted #c9c9c9;
	border-left-color:#c9c9c9;
	background:#c9c9c9;
	visibility: hidden;
}
.container .logo:hover h3:after, .container .column li:hover .toyoung:after{
	visibility: visible;
}
/*----End----*/

/*---musicbox =>---*/
.musicbox .closeme{
	position:absolute;
	top:1px;left:30px;
	display:block;
	width:15px;
	height:15px;
	text-indent: -500px;
	overflow:hidden;
}
.musicbox .movebar{
	position:absolute;
	left:25%;
	width:50%;
	height:20px;
	cursor:move;

}
.musicbox .searchbar{
	position:relative;
	margin:18px 15px 0 8px;
}
.musicbox .searchbar .schtxt{
	width:100%;
	height:24px;
	font-size:16px;
	text-indent:2em;
	border-radius:15px;
}
.musicbox .searchbar .schbt{
	position:absolute;
	top:2px;right:-5px;
	padding:0 6px;
	line-height:23px;
	border-radius:0 10px 10px 0;
}
.musicbox .content{
	margin-top:2px;
	padding:0px 10px;
}
.musicbox .content .micname{
	width:90%;
	line-height: 34px;
	margin:0 auto;
	border-bottom:1px solid #fff;
	white-space:nowrap;
	cursor:pointer;
	overflow: hidden;
}
.content .micname span{
	float:left;
	margin-right:8px;
}
.musicbox .content .msplay{
	position:absolute;
	bottom:1px;left:1px;
	width:270px;
	border-radius:0 0 10px 10px;
}
/*public-body=> movebox*/
.public-body .movebox{
	position:relative;
	width:100%;
	height:300px;
}

/*public-body=> pages-list*/
.public-body .pages-list{
	position:relative;
	width:100%;
	/*min-width:428px;*/
	margin:20px 16px 0 0;
	padding-bottom:2px;
	background-color:#f1f1f1;
	border-radius:10px;
	color:#555;
}
.public-body .pages-list .title{
	padding:2px 12px;
	border-bottom:2px solid #000;
}
.pages-list .title h2{
	float:left;
	line-height:30px;
	font-size:21px;
	
}
.pages-list .title span{
	float:right;
	line-height:30px;
	height:22px;
	margin-top:8px;
}
.public-body .pages-list .cont{
	padding:10px;
}
.pages-list .cont li{
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
}
.pages-list .cont h3{
	margin:10px 0 2px 0;
	padding:6px 0;
}
.pages-list .cont .cont-title{
	display:inline-block;
	font-size:18px;
	font-weight:normal;
	color:#555;
}
.pages-list .cont .main-des{
	position:relative;
}
.cont .main-des a{
	float:left;
	width:28%;
	height:140px;
	margin-right:15px;
	border-radius:5px;
	overflow:hidden;
}
.main-des .hov img{
	width:100%;
	height:100%;
	transform:scale(1);
	transition:transform 1s;
}
.main-des .hov:hover img{
	transform:scale(1.2);
}
.cont .main-des p{
	line-height:26px;
}
.pages-list .cont .tag{
	width:100%;
	margin:18px 0 2px 0; 
	font-size:12px;
	overflow:hidden;
}
.cont .tag i{
	position:relative;
	float:left;
	padding-left:26px;
	background:url('../images/time.png') 6px/17px no-repeat;
}

.cont .tag a{
	float:right;
}


/*----public-footer----*/
.public-footer .container{
	text-align:center;
	line-height:46px;
	color:#378499;
}